@import "var.less";
/*-------------------------
    tabs组件的样式
	选项卡组件分为：选项卡标题和内容区域
---------------------------*/
.oc-tabs{
	margin:0.3rem;
	position: absolute;
	bottom: 0px;
	top: 0px;
	left: 0;
	right: 0;
	//font-size: 0.6rem;
	 >ul{
		height: @tabsTitleH+ 0.1rem;
		list-style: none;
		margin-left: 0.2rem;
		>li{
			float: left;
			position: relative;
			cursor: default;
			height: @tabsTitleH;
			line-height: @tabsTitleH;
			padding: 0 @tabsTitleLiPadding;
			border: 1px solid @tabsLiBorderColor;
			background-color:@tabsLiBG;
			margin-left: -1px;
			a{
				cursor: default;
				min-width: 1.2rem;
			}
			&.active{
				z-index: 1;
				border-bottom:none;
				top: -0.1rem;
				height: @tabsTitleH+0.1rem;
				padding: 0 @tabsTitleLiPadding + 0.1rem;
				background-color: #fff;
				margin: 0 -0.2rem;
			}
		}
	}
	>.oc-tab-content{
		>section{
			left:0;
			right:0;
			top:@tabsTitleH;
			bottom:0;
			background-color: #fff;
			padding: 0.3rem;
			border:  1px solid @tabsLiBorderColor;
			position: absolute;
			>input,button{
				position: absolute;
			}
		}
	}
}
